/* eslint-disable max-len */
/* eslint-disable no-multiple-empty-lines */
/* eslint-disable prettier/prettier */

import React, { PureComponent } from 'react';
import { View, StyleSheet, Text, Image } from "react-native";
import style from '../../config/style';
import Strings from "../../i18n";
import Res from '../../res';


class FilterTimeOutView extends PureComponent {
  render() {

    const { type } = this.props;
    const title = type === 0 ? Strings.warning_card_title_filter_wuli_expired:Strings.warning_card_title_filter_shenghua_expired//'物理滤材过期' : '生化滤材过期';
    let content;
    if (type === 0) {
      content = Strings.warning_detail_content_filter_wuli_expired;
    }else {
      content = Strings.warning_detail_content_filter_shenghua_expired;
    }

    return (

      <View style={style.container}>

        <Text style={style.bigTitle}>{title}</Text>

        <View style={{ flexDirection: 'column' }}>
          {/* 请及时更换滤材，以保持过滤系统正常运行 */}
          <Text style={ [style.title, { marginTop: 20 }] }>{Strings.warning_detail_title_filter_expired}</Text>

          <Text style={style.contentText}>
            {content}
          </Text>
        </View>
      </View>
    );
  }

}

const styles = StyleSheet.create({


});

export default FilterTimeOutView;
